<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_事件监听</title>
</head>
<body>
  <button onclick="alert('我被按了')" id="btn1">按钮</button>
  <button id="btn2">按钮</button>
  <h4>今天星期一</h4>
  <span>震惊：jsd2508班的余俊威竟然就是威神</span>
  <h4>明天星期二</h4>
  <script>
      /*window 对象是浏览器内置的全局对象，无需创建或导包，可直接使用*/
      window.addEventListener('resize',function (){
          console.log('窗口大小被调整啦！')
      })


      /*监听用户的鼠标移入事件*/
      let spanE=document.querySelector('span');
      spanE.addEventListener('mouseover',function(){
          console.log('哎呀，余骏威偷看我啦！');
      })

      /*监听按钮元素的点击事件*/
      let btn1=document.getElementById('btn1');
      btn2.addEventListener('click',function (){
          console.log('我被点了，哦不')
      });
  </script>
</body>
</html>